{% extends '../common/main.html' %}
{% load static %}
<!doctype html>
{# main.html 中实现了登录(loginID), 注册(registeID), 显示并修改用户信息(infoID0，退出quit的功能#}
{#           改动：删除了上一版中的login.html, registe.html, customer.html文件#}
{#                修改 Platform/common/views.py 中的registe#}
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>登录</title>
  </head>

  {% block body %}
  <div id="background_1">
    <br><br><br>
    <div id="infoID" class="container" style="position: -webkit-sticky;position: sticky;top:5%;background: white;padding: 0 15px 40px;border:2px solid black;border-radius: 15px;opacity: 0.9;"><br>
        {#信息展示界面#}
        <div class="col">
          <form class="form-login" action="showinfo" method="post">
              <h3 class="text-center">修改信息</h3>

              <div class="text-with-hr">
                  <span>账号信息</span>
              </div>

              <div class="input-group">
                <div class="input-group-prepend">
                     <span class="input-group-text">用户名</span>
                </div>
                <input type="text" name='username' class="form-control" id="id_username" placeholder="Username" value={{ username }} autofocus required>
              </div>
              <br>

              <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">密码</span>
                    </div>
                <input type="password" name='password' class="form-control" id="id_password" placeholder="Password" value={{ password }} required>
              </div>


              <div class="text-with-hr">
                  <span>身份信息</span>
              </div>

              <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">姓</span>
                    </div>
                <input type="text" name='first_name' class="form-control" placeholder="First name" value={{ first_name }}>
              </div>
              <br>

               <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">名</span>
                    </div>
                <input type="text" name='last_name' class="form-control" placeholder="Last name" value={{ last_name }}>
              </div>
              <br>

               <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">ID号码</span>
                    </div>
                <input type="text" name='id_number' class="form-control" placeholder="ID_number" value={{ id_number }}>
              </div>

              <div class="text-with-hr">
                  <span>联系方式</span>
              </div>

              <div class="input-group">
                <div class="input-group-prepend">
                      <span class="input-group-text">邮箱</span>
                </div>
                <input type="text" name='email' class="form-control" placeholder="Email" value={{ email }}>
              </div>
              <br>

              <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">电话</span>
                    </div>
                <input type="text" name='mobile' class="form-control" placeholder="Mobile" value={{ mobile }}>
              </div>
              <br>

               <div class="input-group">
                  <div class="input-group-prepend">
                      <span class="input-group-text">地址</span>
                    </div>
                <input type="text" name='address' class="form-control" placeholder="Address" value={{ address }}>
              </div>
              <br>

            <div>
              <button type="submit" class="btn btn-primary float-right">
                  提交修改
              </button>
            </div>
          </form>
            <br>
        </div>
    </div>
  </div>
</div>

  {% endblock %}

  </body>
</html>